.header {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.05);
  .header-box {
    background: var(--rv-white);
    .logo {
      padding: 0 10px 0 var(--rv-container);
      img {
        width: 32px;
        height: 32px;
        position: relative;
        top: 1px;
      }
    }
    .choose-area {
      .current-area {
        font-size: 0.9rem;
        position: relative;
        &::after {
          position: absolute;
          top: 50%;
          right: -10px;
          margin-top: -5px;
          border: 3px solid;
          border-color: transparent transparent var(--rv-gray-5) var(--rv-gray-5);
          transform: rotate(-45deg);
          opacity: 0.8;
          content: '';
        }
      }
    }
    .search-area {
      .search-box  {
        padding: 10px var(--rv-container);
        .rv-search__content {
          border: 1px solid var(--rv-gray-3);
        }
        .rv-cell__left-icon {
          color: var(--rv-gray-6);
        }
      }
    }
    .top-service {
      text-align: right;
      padding: 0 var(--rv-container);
      .top-service-btn {
        font-size: 0.8rem;
        padding: 0 10px;
      }
    }
  }
}

.sections {
  margin: var(--rv-container) 0;
  .section-item {
    position: relative;
    min-height: 50px;
    padding: 10px;
    border-radius: 8px;
    .title {
      font-size: 1rem;
      color: var(--rv-white);
      margin: 0 0 10px 0;
    }
    .pic {
      position: absolute;
      right: -8px;
      bottom: -14px;
      color: var(--rv-white);
      text-align: right;
      opacity: 0.25;
    }
    &.hot {
      background-image: linear-gradient(to right, #fc5090 , #ffaf8a);
    }
    &.sel {
      background-image: linear-gradient(to right, #895cfa , #5cbefa);
    }
    &.ser {
      background-image: linear-gradient(to right, #43cf7c , #b2e04c);
    }
    .desc {
      font-size: 0.8rem;
      color: var(--rv-white);
      margin: 0;
      opacity: 0.75;
    }
  }
}

.partner-title {
  position: relative;
  &::after {
    content: "";
    position: absolute;
    left: 32px;
    bottom: -13px;
    transform: translate(-50%, -5px);
    width: 20px;
    height: 4px;
    background: var(--rv-purple);
    border-radius: 2px;
  }
}